<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "#www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="#www.w3.org/1999/xhtml" xml:lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<title>博雅互动</title>
	<style type="text/css">
*{
	margin: 0;padding: 0;
}
body{
	font-family: "Microsoft YaHei","SimSun";
}
li{
	list-style: none;
}
a{
	text-decoration: none;
}
.header{
	background-color: #191D3A;
	height: 58px;
}
.header .area{
	width:1000px;
	margin: 0 auto;
	overflow: hidden;
}
.logo{
	float: left;
}
.header .logo a{
	background:  url(images/logo.png) no-repeat;
	width:225px;
	height: 58px;
	display: block;
}
.header .nav{
	float: left;
}
.header .nav a{
	float: left;	
	height: 58px;
	width: 100px;
	border-right: 1px solid #252947;
	color: #818496;
	font: 14px/58px "Microsoft YaHei","SimHei";
	text-align: center;
}
.header .nav .first{
	border-left:1px solid #252947;
}
.header .joinus{
	float: left;
	color: #fff;
	font-size: 14px;
	line-height: 34px;
	width:100px;
	height:34px;
	background-color: #38b774;
	text-align: center;
	margin:12px 20px 0 0;
	border-radius: 4px;
}
.header a.joinus:hover{
	background-color: #FF9500;
}
.banner{
	position: relative;
}
.banner .bd ul li{
	background: url(images/banner.jpg) no-repeat center top;
	/*width: 1000px;*/
	height:463px;
	margin:0 auto;
	list-style:none
}
.banner .hd{
	position:absolute;
	left:50%;
	margin-left:-60px;
	bottom:20px;
	width:120px;
	height: 16px;
	padding-top: 3px;
}
.banner .hd ul li{
	float: left;
	background: url(images/dian1.png) no-repeat;
	height: 12px;
	width: 12px;
	margin-left: 15px;
}
.banner .hd ul li.first{
	margin-left: 0;	
}
.banner .hd ul li.cur{
	background: url(images/dian2.png) no-repeat;
}
.indexmain{
	padding-bottom: 57px;
	background: #fff url(images/indexmainbg.jpg) no-repeat bottom center;
	overflow: hidden;
}
.indexmain .area{
	width:1000px;
	margin:0 auto;
}
.indexmain .indexpro{
	padding-top: 50px;
	margin-bottom: 35px;
	border-bottom: 1px solid gray;
	height: 229px;
	position: relative;
}
.indexmain .indexpro .bd ul li{
	float: left;
	width:218px;
	height:229px;
	margin-left: 43px;
	text-align: center;
}
.indexmain .indexpro .bd ul li.first{
	margin-left: 0;
	width:217px;
}
.indexmain .indexpro .bd ul li img{
	width:100%;
	height:130px;
}
.indexmain .indexpro .bd ul li img{
	width:100%;
	height:130px;
}
.indexmain .indexpro  .bd ul li h5{
	font-size: 14px;
	line-height: 38px;
	font-weight: bold;
	color: #000;
}
.indexmain .indexpro .bd ul li span{
	background: #fff url("images/sanjiaoxing.png") no-repeat right center;
	font-size: 12px;
	line-height: 12px;
	color: green;
	padding-right: 10px;
}
.indexpro .hd{
	position:absolute;
	left:50%;
	margin-left:-59px;
	bottom:-6px;
	width:117px;
	height: 12px;
	background-color: #fff;
}
.indexpro .hd ul li{
	float: left;
	background: url(images/dian1.png) no-repeat;
	height: 12px;
	width: 12px;
	margin-right: 14px;
}
.indexpro .hd ul li.first{
	margin-left: 13px;	
}
.indexpro .hd ul li.cur{
	background: url(images/dian2.png) no-repeat;
}
.indexnews{
	float: left;
	background: #fff url(images/bynewsbg.jpg) no-repeat 0 0;
	width:500px;
	padding-top: 110px;
	position: relative;
}
.indexrecruitment{
	background: #fff url(images/byhrbg3.jpg) no-repeat 0 0;
	width:500px;
	height: 300px;	
}
.indexnews .indexnewscon {
	padding: 0 20px;
}
.indexnews .indexnewscon ul li{
	line-height: 50px;
	height: 49px;
	border-bottom: 1px solid #e0e1e5;
}
.indexnews .indexnewscon ul li a{
	color: #444866;
	font-size:14px;
}
.indexnews .indexnewscon ul li span{
	color: #afcce4;
	font-size:12px;
	padding-right: 10px;
}
.indexnews .more{
	background: url(images/icons.png) no-repeat -7px -9px;
	position:absolute;
	width: 66px;
	height: 28px;
	left: 218px;
	top:39px;
}
.indexnews .more:hover{
	background: url(images/icons.png) no-repeat -7px -39px;
}
.indexmain .indexrecruitment{
	height: 310px;
	float: left;
	position: relative;
	color: #fff;
}
.indexrecruitment .more{
	background: url(images/icons.png) no-repeat -7px -39px;
	position:absolute;
	width: 66px;
	height: 28px;
	right: 216px;
	top:39px;
}
.indexrecruitment .more:hover{
	background: url(images/icons.png) no-repeat -7px -9px;
}
.indexrecruitment .mtitle h2{
	font-size: 28px;
	font-weight: 700;
	line-height: 34px;
}
.indexrecruitment .mtitle{
	padding: 40px 216px 0px 80px;
	height: 70px;
}
.indexrecruitment .recruit h3{
	font-size: 14px;
}
.indexrecruitment .recruit ul li{
	border-bottom: 1px solid #6fdea3;
	font-size: 14px;
	height: 29px;
	line-height: 29px;
	padding: 4px 0
}
.indexrecruitment .recruit{
	padding: 0 175px 0 20px;
}
.indexrecruitment .recruit a{
	font-size: 14px;
}
.indexrecruitment .recruit a{
	color: #fff;
}
.footer{
	background-color: #191d3a;
	height: 91px;
	color: #6c6e7e;
	line-height: 50px;
	font-size: 12px;
}
.footer .area{
	width:1000px;
	margin:0 auto;
	padding: 20px 0;
	/*overflow: hidden;*/
}
.footer .f1 a{
	color: #6c6e7e;
}
.footer .area img{
	width:36px;
	height: 50px;
	float: right;
	margin-left: 6px;
}
.footer .f1{
	float: left;
}
.footer .copyright{
	float: right;
}
</style>
</head>
<body>
<div class="header">
	<div class="area">
		<h1 class="logo">
			<a href="#"></a>
		</h1>
		<div class="nav">
			<a class="first" href="#">首页</a>
			<a href="#">博雅游戏</a>
			<a href="#">博雅新闻</a>
			<a href="#">关于我们</a>
			<a href="#">客服中心</a>
			<a href="#">投资者关系</a>
		</div>
		<a href="" class="joinus">加入我们</a>
	</div>
</div>
<div class="banner">
	<div class="bd">
		<ul>
			<li>
				<a href="#"></a>
			</li>
		</ul>
	</div>
	<div class="hd">
		<ul>
			<li class="first cur"></li>
			<li></li>
			<li></li>
			<li></li>
			<li></li>
		</ul>
	</div>
</div>
<div class="indexmain">
	<div class="area indexpro">
		<div class="bd">
			<ul>
				<li class="first"><a href="#">
						<img src="images/gamepic1.jpg" alt="游戏图片" />
						<h5>PPT宣传片</h5>
						<p><span>点击播放</span></p>
					</a></li>
				<li><a href="#">
						<img src="images/video.jpg" alt="游戏图片" />
						<h5>PPT宣传片</h5>
						<p><span>点击播放</span></p>
					</a></li>
				<li><a href="#">
						<img src="images/gamepic3.jpg" alt="游戏图片" />
						<h5>PPT宣传片</h5>
						<p><span>点击播放</span></p>
					</a></li>
				<li><a href="#">
						<img src="images/bpt.jpg" alt="游戏图片" />
						<h5>PPT宣传片</h5>
						<p><span>点击播放</span></p>
					</a></li>
			</ul>
		</div>
		<div class="hd">
			<ul>
				<li class="first cur"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>			
		</div>
	</div>
	<div class="area maincon">
		<div class="indexnews">
			<div class="mtitle">
				<a class="more"></a>
			</div>
			<div class="indexnewscon">
				<ul>
					<li><span>11 / 18</span>
					<a href="#">博雅互动智能电视游戏新品“博雅棋牌”正式发布</a></li>
					<li><span>10 / 23</span>
					<a href="#">深圳市委常委、统战部部长林洁一行莅临博雅互动考察调研</a></li>
					<li><span>09 / 28</span>
					<a href="#">2015博雅国际扑克大赛（BPT）在澳门落幕</a></li>
					<li><span>08 / 01</span>
					<a href="#">博雅互动与阿里游戏联手启动“淘宝杯首届电视棋牌大赛”</a></li>
				</ul>
			</div>
		</div>
		<div class="indexrecruitment">
			<div class="mtitle">
				<h2>专场招聘</h2>
				<p>BOYAA JOBS</p>
				<a href="" class="more"></a>
			</div>
			<div class="recruit">
				<h3>专场招聘岗位：</h3>
				<a href="">
					<ul>
						<li>PHP开发工程师  </li>
						<li>C++开发工程师  </li>
						<li>WEB前端开发工程师  </li>
						<li>大数据开发工程师  </li>
					</ul></a>
			</div>
		</div>
	</div>
</div>
<div class="footer">
	<div class="area">
		<span class="f1">
			<a href="">网站地图</a>|<a href="">免责声明</a>
		</span>
		<img src="images/govIcon.gif" alt="工商网监" />
		<span class="copyright">Copyright © 2004 - 2014 博雅互动(Boyaa Interactive) 
		粤ICP备05062536号 
		增值电信业务经营许可证：粤B2-20110513 
		</span>
	</div>
</div>
</body>
</html>